<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
	#hd{
		width: 500px;
		height: 400px;
		border: 5px solid blue;
	}
</style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
	$(function(){

		// $('#hd').prepend($('h1'));

		// $('#hd').prepend('<h3>我是新来的h3标签，不要欺负我哦！~</h3>');

		// 往#one元素后面插入h1
		// $('#one').after($('h1'));

		// $('#one').before($('h1'));

		// 用u标签将#hd里面的h2包裹起来，每个h2外面都包一个u标签
		// $('#hd h2').wrap('<u class="houdun"></u>')

		// 用u标签包裹所有的h2标签
		// $('#hd h2').wrapAll('<u class="houdun"></u>')

		// 用h1替换掉#one
		// $('#one').replaceWith($('h1'));

		// $('#hd').empty();//清空#hd里面的所有内容

		// $('#hd').remove();//删掉#hd整个元素

		var newH = $('h1').clone();//复制h1标签
		$('#hd').append(newH);
	})
</script>
</head>

<body>
<h1>后盾网 人人做后盾</h1>
<div id="hd">
	<h2>后盾网 人人做后盾0 www.houdunwang.com</h2>
	<h2 id="one">后盾网 人人做后盾1 www.houdunwang.com</h2>
	<h2>后盾网 人人做后盾2 www.houdunwang.com</h2>
	<h2>后盾网 人人做后盾3 www.houdunwang.com</h2>
	<h2>后盾网 人人做后盾4 www.houdunwang.com</h2>
</div>


</body>
</html>
